<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<h3>회원정보</h3>
<hr align="left" width="150">
<center>
<table class="memberList">
	<thead>
	<tr>
		<th class="email">이메일</th>
		<th class="nick">닉네임</th>
		<th class="point">포인트</th>
		<th class="grade">레벨</th>
		<th class="date">가입일</th>
	</tr>      
	</thead>
	<tbody>
	<c:forEach var="memberList" items="${requestScope.memberListVO.memberList}">      
	<tr>
	    <td>${memberList.email}</td>
		<td>
		   <a href="${initParam.root}magazine/content.do?no=${memberList.email}">${memberList.nick}</a>
		</td>
		<td>${memberList.point}</td>
		<td>${memberList.grade}</td>
		<td>${memberList.date}</td>
	</tr>      
	</c:forEach>
	</tbody>  
	<tfoot>
	<tr>
		<td colspan="5" align="center">
			<!-- 페이징 처리 -->   
			<%-- 이전 페이지 그룹이 있으면 이미지 보여준다.
			      이미지 링크는 현 페이지 그룹 시작페이지 번호 -1 =>
			      이전 페이지 그룹의 마지막 페이지 번호로 한다. 
			 --%>
			<p class="paging">
			<c:if test="${requestScope.memberListVO.pagingBean.previousPageGroup}">
			<a href="${initParam.root }magazine/list.do?pageNo=${requestScope.memberListVO.pagingBean.
			startPageOfPageGroup-1}">◀&nbsp;</a>
			</c:if>
			&nbsp;&nbsp;
			<%-- PagingBean 을 이용해서 현재 페이지에 해당되는 페이지그룹의
			      시작페이지~~마지막페이지까지 화면에 보여준다. 
			      이 때 현재 페이지를 제외한 나머지 페이지는 링크를 걸어
			      해당 페이지에 대한 게시물 리스트 조회가 가능하도록 한다. 
			 --%>   
			<c:forEach var="i" 
			begin="${requestScope.memberListVO.pagingBean.startPageOfPageGroup}"
			end="${requestScope.memberListVO.pagingBean.endPageOfPageGroup}">
			<c:choose>
			<c:when test="${requestScope.memberListVO.pagingBean.nowPage!=i}">
			<a href="${initParam.root }magazine/list.do?pageNo=${i}">${i}</a>
			</c:when>
			<c:otherwise>
			${i}
			</c:otherwise>
			</c:choose>
			</c:forEach>    
			&nbsp;&nbsp;
			<%-- 다음 페이지 그룹이 있으면 화살표 이미지를 보여준다.
			      이미지 링크는 현재 페이지 그룹의 마지막 번호 + 1 => 
			      다음 그룹의 시작 페이지로 링크한다. 
			      right_arrow_btn.gif
			 --%>
			<c:if test="${requestScope.memberListVO.pagingBean.nextPageGroup}">
			<a href=
			"${initParam.root }magazine/list.do?pageNo=${requestScope.memberListVO.pagingBean.
			endPageOfPageGroup+1}">
			▶
			</a>
			</c:if>   
			</p>
		</td>
	</tr>
	</tfoot>
</table>
</center>